<?php
include_once('../global.php');
$type = $_GET['type'];
$biaoji = $_GET['biaoji'];
$roundtext = array(
  1 => '第一轮',
  2 => '第二轮',
  3 => '决赛轮',
  4 => '',
);
$user_id = $_SESSION['user_id'];
$member_type = $_SESSION['type'];
$name = $phone = "";
if ($member_type == 1) {
  $sql = "SELECT * FROM `player` WHERE pl_id= '" . $user_id . "'";
  $res = $db->SelectSQL($sql);
  $name = $res ? $res[0]['pl_cn_name'] : "";
  $phone = $res ? $res[0]['pl_tele'] : "";
}
if ($member_type == 2) {
  $sql = "SELECT * FROM `bmw_member` WHERE user_id = '" . $user_id . "'";
  $res = $db->SelectSQL($sql);
  $name = $res ? $res[0]['name'] : "";
  $phone = $res ? $res[0]['phone'] : "";
}
?>
<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=GB2312">
  <meta name="viewport"
    content="width=device-width, initial-scale=1, minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  <link href="<?php echo CSS_PATH ?>index.css" rel="stylesheet" type="text/css">
  <script type="text/javascript" src="<?php echo JS_PATH ?>jquery-1.8.3.min.js"></script>
  <script type="text/javascript" src="<?php echo JS_PATH ?>main.js"></script>
  <title>试乘试驾-<?php echo $type == 1 ? '球员家长报名' : '会员及嘉宾报名' ?></title>
  <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js "></script>

  <script>
    var url = location.href;
    var wxdata;
    //alert(url.split("&")[0]);
    //console.log(url.replace(/\&/g,"%26").replace(/\#/g,"%23"));
    $.ajax({
      type: "get",
      url: "../../interface/Bmwtnc/Home/gettoken/?url=" + encodeURIComponent(location.href.split('#')[0]),
      dataType: "jsonp",
      jsonp: "callback",
      jsonpCallback: "success_jsonpCallback",
      success: function (data) {
        //console.log(data);
        wxdata = data;
        wx.config({
          debug: false,
          appId: data.appId,
          timestamp: data.timestamp,
          nonceStr: data.nonceStr,
          signature: data.signature,
          jsApiList: [
            'onMenuShareTimeline', //
            'onMenuShareAppMessage',
            'onMenuShareQQ',
            'onMenuShareWeibo',
            'onMenuShareQZone'

          ]
        });
        //console.log(wxdata);
      },
      error: function (data) {
        // alert("连接失败！");
      }
    });

    wx.ready(function () {
      var shareData = {
        title: '试乘试驾-<?php echo $type == 1 ? '球员家长报名' : '会员及嘉宾报名' ?>',
        desc: '<?php echo $match_cn_name ?>',
        link: url,
        imgUrl: 'https://mapp.scoringchina.com/bmwjunior/mobile/images/logo.png'
      };
      //alert(wxdata.url);
      //alert(url);
      wx.onMenuShareAppMessage(shareData); //分享给好友
      wx.onMenuShareTimeline(shareData); //分享到朋友圈
      wx.onMenuShareQQ(shareData); //分享给手机QQ
      wx.onMenuShareWeibo(shareData); //分享腾讯微博
      wx.onMenuShareQZone(shareData); //分享到QQ空间



    });
    wx.error(function (res) {
      //console.log(res);
      // alert(res.errMsg);//错误提示

    });




    function mygetnativeevent(event) {
      while (event && typeof event.originalEvent !== "undefined") {
        event = event.originalEvent;
      }
      return event;
    };
    $(document).ready(function () {
      ////console.log($('.pullrefresh').length)
      if ($('.pullrefresh').length > 0) {
        //pullrefresh.init();
      }
    });

    var mt_id = <?php echo $mt_id; ?>;
    var rd_id = <?php echo $rd_id; ?>;
    var mt_sts = '<?php echo $mt_sts; ?>';
    var type = '<?php echo $type; ?>';
    var mt_round = <?php echo $mt_round; ?>;
    var pl_id = <?php echo ($_GET['pl_id']) ? $_GET['pl_id'] : "''"; ?>;

    var time = 60 * 5; //自动刷新五分钟
    getdata(rd_id, true);

    function getdata(rd, isloading, divobj, contentobj, status, func) {
      if (isloading) {
        //$('#loadingimg').show();
      }
      // //console.log(rd);
      $.ajax({
        url: './data/testdrive-detail-data.php?time=' + Date.now() + '&mt_id=' + mt_id + '&type=' + type + "&biaoji=<?php echo $biaoji; ?>" + "&name=<?php echo $name; ?>" + "&phone=<?php echo $phone; ?>",
        dataType: "html",
        success: function (res) {
          ////console.log(res)
          $("#scoringlists").html(res);
          ////console.log(page);
        },
        complete: function () {
          if (func) {
            func();
          }
          //pullrefresh.init();

          if (isloading) {
            //$('#loadingimg').hide();
          }
        }
      })
    }

    function changeround(rd) {
      if (rd <= mt_round) {
        rd_id = rd;
        //getdata(rd_id);

        window.location = './index.php?mt_id=' + mt_id + '&rd_id=' + rd_id;
      }
    }


    function imgShow(url, urls) {
      // var currEl =$('#pinimg');
      // var url =currEl.attr('src');

      wx.previewImage({
        current: url,
        urls: urls
      })
    }


    /*  滚动到顶部*/
    $(function () {
      $("#go_top").hide();
    })

    //scroll() 方法为滚动事件  
    $(window).scroll(function () {
      if ($(window).scrollTop() > 100) {
        //$("#go_top").fadeIn(800);
      } else {
        //$("#go_top").fadeOut(800);
      }
    });

    /* //返回顶部按钮点击
     $("#go_top").click(function(){
        $('body,html').animate({scrollTop:0},100);
        return false;
     });*/

    function gotottop() {
      $('body,html').animate({
        scrollTop: 0
      }, 100);
      return false;
    }

    function goback() {
      window.history.back();
    }

    function gotomain() {
      window.location = './main.php';
    }

    function scrollPosition(pElementId) {
      var tTop = jQuery("#" + pElementId).offset().top; //得到控件Top
      var tWindowHeight = jQuery(window).height(); //浏览器可视窗口高度
      var tElementHeight = jQuery("#" + pElementId).height(); //控件高度
      var tScrollTop = tTop - 126; //让控件中心位于可视窗口3分之1处
      jQuery('html, body').animate({
        scrollTop: tScrollTop
      }, 1000);
    }

    function gotourl(url) {
      window.location = url;
    }
  </script>

  <style>
    #navi_wait {
      height: 35px;
      background-color: #E3E3E3;
    }

    #navi_wait ul li {
      width: 32%;
      display: inline;
      float: left;
      /*line-height:33px;*/

      line-height: 36px;
      list-style-position: inside;
      border-bottom: 1px solid #A5A5A5;
      text-align: center;
    }

    #navi_wait ul li a {
      color: #767676;
      font-size: 19px;
      letter-spacing: 5px;
    }

    .scoringtable {
      border-radius: 10px;
      border-collapse: collapse;
      border-style: hidden;
      box-shadow: 0 0 0 1px #d8d8d8;
      overflow: hidden;
    }

    .topar {
      width: 90%;
      height: 28px;
      border-radius: 10px;
      margin: auto auto auto auto;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;

    }

    .undereven {
      font-weight: bolder;
      background-color: #B7001F;
      color: #fff;
    }

    .even {
      font-weight: bolder;
      background-color: #53565A;
      color: #fff;
    }


    .full {
      width: 100vw;
      height: 100vh;
      position: fixed;
      left: 0;
      top: 0;
      z-index: 99999;
    }

    .full img {
      width: 100%;
      height: 100%;
      position: absolute;
      object-fit: cover;
    }

    .full .codediv {
      top: 40%;
      left: 50%;
      position: absolute;
      z-index: 100000;
      width: 90%;
      transform: translate(-50%, -50%);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .full .codediv p {
      margin-bottom: 20px;
      text-align: center;
      width: 100%;
      font-size: 20px;
      font-weight: bolder;
    }

    .full .codediv .cn {
      margin-bottom: 20px;
      text-align: center;
      width: 100%;
      font-size: 18px;

    }

    .full .codediv .date {
      margin-bottom: 20px;
      text-align: center;
      width: 100%;
      font-size: 18px;
      color: #cfcfcf;
    }

    .full .codediv .codeinputs {

      width: 90%;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-dirction: row;
      justify-content: center;
      align-items: center;
    }

    .full .codediv .codeinputs input {
      border-radius: 10px;
      width: 50px;
      height: 50px;
      margin-left: auto;
      margin-right: auto;
      border: 1px solid #cfcfcf;
      font-size: 22px;
      font-weight: bolder;
      text-align: center;
    }

    .full .imgsponser {
      top: 20%;
      left: 50%;
      position: absolute;
      z-index: 100000;
      width: 100%;
      height: auto;
      transform: translate(-50%, -50%);
    }

    #sta {
      position: relative;
      z-index: 99;
      height: 80px;
      width: 100%;
      background-color: transparent;
      left: 0;
      top: 0;
    }

    .backhome {
      position: fixed;
      z-index: 1001;

      left: 2vw;
      bottom: 15vw;
    }

    #scoringlists {
      margin: 0;
    }

    .backhome img {
      width: 40px;
      height: 40px;
      border-radius: 100%;
    }

    .menulists {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      margin-top: 5px;
      margin-bottom: 5px;
    }

    .menulists .menu {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 70px;
      height: 70px;
      background: linear-gradient(180deg, #1067ac 0%, #1067ac 100%);
      color: #ffffff;
      border-radius: 10px;
      margin-left: auto;
      margin-right: auto;
    }

    .menulists .menu img {
      width: 40px;
      height: 40px;
      margin-top: 5px;
    }

    .menulists .menu text {
      display: flex;
      justify-content: center;
      font-size: 12px;
      font-weight: 700;
      color: #fff;
      margin-top: 5px;
      margin-bottom: 5px;
    }

    /* 遮罩样式 */
    .overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.6);
      z-index: 999;
      display: none;
      /* 初始隐藏 */
    }

    /* 遮罩激活时显示 */
    .overlay.active {
      display: block;
    }

    /* 修正弹窗初始隐藏样式 */
    .popup {
      position: fixed;
      bottom: -100%;
      left: 0;
      width: 100%;
      background: #f5f5f5;
      color: #333;
      box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.2);
      transition: bottom 0.3s ease-in-out;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      z-index: 1000;
      display: none;
      /* 完全隐藏 */
    }

    /* 激活时显示 */
    .popup.active {
      bottom: 0;
      display: block;
    }

    .popup-header {
      padding: 15px;
      font-size: 20px;
      font-weight: bold;
      color: #444;
      border-bottom: 1px solid #ddd;
    }

    .popup-body {
      padding: 20px;
      font-family: Arial, sans-serif;
      line-height: 1.6;
      margin: 20px;
    }

    .popup-body input {
      width: calc(100% - 20px);
      padding: 10px;
      margin-bottom: 15px;
      border: 1px solid #ccc;
      border-radius: 8px;
      font-size: 16px;
      text-align: center;
      outline: none;
    }

    .popup-body input::placeholder {
      font-style: italic;
      color: #999;
    }

    .popup-body button {
      width: 100%;
      padding: 12px;
      background-color: #00aaff;
      color: white;
      border: none;
      border-radius: 8px;
      font-size: 18px;
      cursor: pointer;
    }

    .popup-body button:active {
      background-color: #0088cc;
    }

    /* 隐私政策弹窗 */
    .policy-popup .policy-content {
      max-height: 400px;
      overflow-y: auto;
      margin-bottom: 20px;
      text-align: left;
      font-size: 14px;
      line-height: 1.6;
      color: #444;
    }

    .title-class {
      display: inline-block;
      width: 90px;
    }

    h1,
    h2 {
      text-align: center;
    }

    h1 {
      font-size: 25px;
    }

    h2 {
      font-size: 23px;
    }




    .highlight {
      font-weight: bold;
    }

    em {
      font-style: italic;
    }



    ol li {
      margin-bottom: 10px;
    }

    ul li {
      list-style-type: disc;
      margin-bottom: 5px;
    }

    .up {
      width: 40px;
      height: 40px;
      position: fixed;
      left: 2vw;
      bottom: 5vw;
    }

    #content_score {
      min-height: 20px;
      padding: 0px 0 0px;
      margin: 0;
    }

    #loadingimg {
      width: 40px;
      height: 40px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 999;
    }

    .radius_fillet3 {
      border-radius: 3px;
    }

    .tt_bar {
      height: 30px;
      border-bottom: 1px solid #e3e3e3;
    }

    .score_title2 {
      height: 30px;
      border-bottom: 1px solid #e3e3e3;
      text-indent: 14px;
    }

    .score_back {
      text-align: right;
      padding-right: 14px;
    }

    .bt_back {
      display: inline-block;
      width: 40px;
      height: 18px;
      line-height: 18px;
      cursor: pointer;
      border: 1px solid #363636;
      color: #363636;
      font-size: 12px;
      text-align: center;
    }

    .score_tround {
      height: 30px;
      line-height: 30px;
    }

    .score_tround span {
      color: #363636;
      float: right;
      font-size: 18px;
      height: 26px;
      line-height: 32px;
      margin-right: 15px;
      text-align: center;
      width: 50px;
    }

    .index_news {
      padding: 0 0;
      overflow: scroll;
      height: 100vh;
      margin: 0;
    }

    .up {
      width: 40px;
      height: 40px;
      position: fixed;
      left: 2vw;
      bottom: 5vw;
    }

    #content_score {
      min-height: 20px;
      padding: 80px 0 0px;
      margin: 0;
    }

    #loadingimg {
      width: 40px;
      height: 40px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 999;
    }

    .radius_fillet3 {
      border-radius: 3px;
    }

    .tt_bar {
      height: 30px;
      border-bottom: 1px solid #e3e3e3;
    }

    .score_title2 {
      height: 30px;
      border-bottom: 1px solid #e3e3e3;
      text-indent: 14px;
    }

    .score_back {
      text-align: right;
      padding-right: 14px;
    }

    .bt_back {
      display: inline-block;
      width: 40px;
      height: 18px;
      line-height: 18px;
      cursor: pointer;
      border: 1px solid #363636;
      color: #363636;
      font-size: 12px;
      text-align: center;
    }

    .score_tround {
      height: 30px;
      line-height: 30px;
    }

    .score_tround span {
      color: #363636;
      float: right;
      font-size: 18px;
      height: 26px;
      line-height: 32px;
      margin-right: 15px;
      text-align: center;
      width: 50px;
    }

    .index_news {
      padding: 0 0;
      overflow: scroll;
      height: 100vh;
      margin: 0;
    }
  </style>
  <!--header-->
  <style>
    #navi_wait {
      height: 35px;
      background-color: #E3E3E3;
    }

    #navi_wait ul li {
      width: 32%;
      display: inline;
      float: left;
      /*line-height:33px;*/

      line-height: 36px;
      list-style-position: inside;
      border-bottom: 1px solid #A5A5A5;
      text-align: center;
    }

    #navi_wait ul li a {
      color: #767676;
      font-size: 19px;
      letter-spacing: 5px;
    }

    .scoringtable {
      border-radius: 10px;
      border-collapse: collapse;
      border-style: hidden;
      box-shadow: 0 0 0 1px #d8d8d8;
      overflow: hidden;
    }

    .topar {
      width: 90%;
      height: 28px;
      border-radius: 10px;
      margin: auto auto auto auto;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;

    }

    .undereven {
      font-weight: bolder;
      background-color: #B7001F;
      color: #fff;
    }

    .even {
      font-weight: bolder;
      background-color: #53565A;
      color: #fff;
    }

    .pluseven {
      font-weight: bolder;
      background-color: #00438A;
      color: #fff;
    }


    .groupcode {
      display: flex;
      flex-dirction: row;
      float: left;
      align-items: center;
      margin-top: 10px;
      margin-bottom: 5px;
    }

    .groupcode div {
      width: 50px;
      height: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #000;
      border-radius: 10px;
      margin-left: 10px;
    }

    .full {
      width: 100vw;
      height: 100vh;
      position: fixed;
      left: 0;
      top: 0;
      z-index: 99999;
    }

    .full img {
      width: 100%;
      height: 100%;
      position: absolute;
      object-fit: cover;
    }

    .full .codediv {
      top: 40%;
      left: 50%;
      position: absolute;
      z-index: 100000;
      width: 90%;
      transform: translate(-50%, -50%);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .full .codediv p {
      margin-bottom: 20px;
      text-align: center;
      width: 100%;
      font-size: 20px;
      font-weight: bolder;
    }

    .full .codediv .cn {
      margin-bottom: 20px;
      text-align: center;
      width: 100%;
      font-size: 18px;

    }

    .full .codediv .date {
      margin-bottom: 20px;
      text-align: center;
      width: 100%;
      font-size: 18px;
      color: #cfcfcf;
    }

    .full .codediv .codeinputs {

      width: 90%;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-dirction: row;
      justify-content: center;
      align-items: center;
    }

    .full .codediv .codeinputs input {
      border-radius: 10px;
      width: 50px;
      height: 50px;
      margin-left: auto;
      margin-right: auto;
      border: 1px solid #cfcfcf;
      font-size: 22px;
      font-weight: bolder;
      text-align: center;
    }

    .full .imgsponser {
      top: 20%;
      left: 50%;
      position: absolute;
      z-index: 100000;
      width: 100%;
      height: auto;
      transform: translate(-50%, -50%);
    }

    #sta {
      position: fixed;
      z-index: 99;
      height: 80px;
      width: 100%;
      background-color: transparent;
      left: 0;
      top: 0;
    }

    .backhome {
      position: fixed;
      z-index: 1001;

      left: 2vw;
      bottom: 15vw;
    }

    #scoringlists {
      margin: 0;
    }

    .backhome img {
      width: 40px;
      height: 40px;
      border-radius: 100%;
    }

    .testdrivetable {
      width: 100%;
      margin-bottom: 20px;
      border: none;
      border-top-left-radius: 30px;
      border-top-right-radius: 30px;
      overflow: hidden;
      border-collapse: collapse
    }

    .testdrivetable th {
      background: linear-gradient(180deg, #0c1f33, #102e3f);
      height: 50px;
      border: none;
      font-family: "poppin";
    }

    .testdrivetable td {
      border: 1px solid #92c290;
      background-color: #1a6b6d;
      height: 40px;
      font-size: 14px;
      padding-left: 20px;
      position: relative;
      font-family: "poppin";
    }

    .menulists {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      margin-top: 5px;
      margin-bottom: 5px;
    }

    .menulists .menu {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 70px;
      height: 70px;
      background: linear-gradient(180deg, #1067ac 0%, #1067ac 100%);
      color: #ffffff;
      border-radius: 10px;
      margin-left: auto;
      margin-right: auto;
    }

    .menulists .menu img {
      width: 40px;
      height: 40px;
      margin-top: 5px;
    }

    .menulists .menu text {
      display: flex;
      justify-content: center;
      font-size: 12px;
      font-weight: 700;
      color: #fff;
      margin-top: 5px;
      margin-bottom: 5px;
    }
  </style>
</head>

<body id="body">
  <div id="fullloading" class="full" style="display:none;" onclick="closefullpre()">
    <img id="imgfullloading" src="./images/pre.png" />
  </div>
  <div id="sta">
    <table width="100%" border="0" cellpadding="0" cellspacing="0">
      <tbody>
        <tr>
          <td style="text-align:center;"><img src="./images/000.png" style="width:350px;height:80px" /></td>
        </tr>
      </tbody>
    </table>
  </div>

  <img id="loadingimg" src="./images/icon_load.gif" style="display:none;" />
  <div id="content_score" style="">
    <div class="pullrefresh" style="display:none;"></div>


    <span style="display:none;" class="backhome"><a
        href="main.php?mt_id=<?php echo $mt_id ?>&rd_id=<?php echo $rd_id ?>"><img src="./images/home.png" /></a></span>
    <marquee style="margin-top:10px;display:none;" width="100%" align="absmiddle" height="30">
      <font style="color:#B7001F;">由于天黑原因第二轮比赛暂停，比赛将于第二天周四恢复，请各位球员于<b> 07:30 </b>前在出发广场集合，进行开球前准备工作。</font>
    </marquee>
    <div class="index_news">
      <table class="altrowstable scoringtable" style="display:none;">
        <tr>
          <td style="border:none; vertical-align:middle;">
            <div>
              <font style="font-weight:bolder;font-size:17px;"><?php echo str_replace('-', '<br/>', $match_cn_name); ?>
              </font>
            </div>
          </td>
        </tr>
        <tr>
          <td style="border:none; vertical-align:middle;">
            <div style="display:flex;flex-direction:row;justify-content:center;position:relative;">
              <div style="text-align:center;color:#333;font-weight:700;font-size:16px;"> 竞赛规程 </div>

              <div style="display:flex;flex-direction:row;justify-content:center;position:absolute;right:0;top:0;">
                <?php if ($mt_sts == 'N') {
                  echo '<font style="float:right;color:#B7001F; font-weight:bolder;font-size:15px;">比赛未开始</font>';
                } else if ($mt_sts == 'O') {
                  echo '<font style="float:right;color:#00438A;font-weight:bolder;font-size:15px;">比赛进行中</font>';
                } else {
                  echo '<font style="float:right;color:#00438A;font-weight:bolder;font-size:15px;">比赛已结束</font>';
                } ?>
              </div>
            </div>

          </td>
          <td style="border:none; vertical-align:middle;"><span style="" class="bt_back radius_fillet3 back"><a
                href="index.php?mt_id=<?php echo $mt_id ?>&rd_id=<?php echo $rd_id ?>">返回</a></span></td>

        </tr>
      </table>

      <div id="scoringlists">
      </div>
      <!-- 底部弹窗内容（免责声明） -->
      <div class="overlay" id="policyOverlay" onclick="closeDisclaimerPopup()"></div>

      <div class="popup policy-popup" id="policyPopup">
        <div class="popup-header">试乘试驾活动声明</div>
        <div class="popup-body">

          <div class="policy-content">
            <h1>[2024 BMW青少年高尔夫]参加者声明书</h1>

            <p><strong>活动主办方：</strong>宝马(中国)汽车贸易有限公司 &amp; 华晨宝马汽车有限公司</p>

            <p>
              <strong>参加者姓名：</strong><span id="participantName"></span>
              &nbsp;&nbsp;&nbsp;&nbsp;
              <strong>参加者类别：</strong>
              试驾者<span id="categoryDriverCheckbox">☐</span>
              /
              试乘者<span id="categoryPassengerCheckbox">☐</span>
            </p>
            <p>
              <strong>手机：</strong><span id="participantPhone"></span>
              &nbsp;&nbsp;&nbsp;&nbsp;
              <strong>驾照号码：</strong><span id="driverLicense"></span>
            </p>

            <h3>注意</h3>
            <p>
              宝马(中国)汽车贸易有限公司 &amp; 华晨宝马汽车有限公司组织的<span class="highlight">[2024
                BMW青少年高尔夫]</span>活动（以下称“本次活动”或“活动”）参加者（以下称“参加者”）必须在获得允许参加本次活动前，仔细阅读并签署本参加者声明书。参加者接受并且自愿参加<span
                class="highlight">2024年11月24日 - 2024年11月28日</span>在<span
                class="highlight">三亚亚龙湾高尔夫球会</span>举办的本次活动，其包含高尔夫运动、试驾等活动。
            </p>

            <h3>参加者之权利声明条款</h3>
            <p>
              我认可本次活动及其所涉及的项目是为了非营利目的而组织的活动，其展示了参加者的精神面貌，健康精神。同时我也完全了解，尽管我本人及活动主办方、经活动主办方聘请或授权协助举办本次活动及/或为本次活动提供服务的各方（以下称“组织方”）、其他参加者均将尽可能的谨慎避免在活动中发生事故和损失，但参加本次活动仍无法完全避免在意外情况下导致财产损失、甚至人身伤亡的可能，本人在此声明能够承担参加本次活动的风险。
            </p>
            <p>
              我在此代表我本人及可能继受我财产和权利的人做出以下承诺：
              <br>
              (a)
              我充分理解并确认，活动主办方和组织方就本次活动仅在“善尽合理的安全保障义务”的范围内承担责任，除此之外，由本人参加本活动或本次活动所涉及任何活动项目或挑战所引起的、或与之有关的任何形式的损失或损害而产生的任何及所有索赔请求权（无论该等请求权系基于本声明书确定的合同关系还是在任何其他适用法律项下的请求权），活动主办方、组织方及其各自员工均无需承担任何责任；
              <br>
              (b) 上述理解及确认应被解释为我对相关权利（如有）的放弃，我同意不会就我已经放弃的任何及所有主张和权利而起诉活动主办方、组织方及/或其各自的员工；
              <br>
              (c) 我保证并使活动主办方、组织方及其各自的员工，免于因我的行为而受到任何人针对他们的主张所导致的损害，并免于因我的行为而对任何人承担责任。
            </p>
            <p>
              我理解宝马（中国）汽车贸易有限公司 &amp; 华晨宝马汽车有限公司已经为参加者购买了短期人身意外保险，保额为人民币<span class="highlight">壹佰万元 (RMB
                1,000,000.00)</span>。我了解参加本次活动无法完全排除导致财产损失和人身伤害的可能，并在此表明能够承担参加本次活动存在的保险责任范围之外的其他一切风险。我在此表明我放弃对由本次活动导致的保险责任范围之外的人身伤害或财产损失向主办方、组织方及/或其各自的员工进行索赔的权利（主办方/组织方未善尽合理的安全保障义务的情形除外）。
            </p>
            <p>
              我在此无条件并不可撤销地授予本次活动的活动主办方独家权利（且其可以授权其宝马（中国）汽车贸易有限公司 &amp;
              华晨宝马汽车有限公司），在广告、咨询活动、客户服务、市场调研、市场推广资料、媒体报道或者我参与该活动的任何叙述或记录中，以图片、文字、影音制品或者电子媒介等形式，使用我的肖像、声音、我创作的与活动有关的作品，公开我的名字、我为参加本次活动所提交的个人信息、言论和经历，并无须就上述任何一种行为向我支付费用。
            </p>
            <p>
              我清楚获知，本次活动要求我具有与本次活动整个过程和所有挑战相适合的良好健康状况，我声明我个人的健康状况适合参加本次活动，并承诺为这一判断承担全部的责任。我进一步声明，我的安全是我个人的责任，并取决于我的警惕和良好的判断。我同意和保证，在任何不安全的情况下，我会立刻中止且终止参加活动、立即通知活动主办方或组织方并在第一时间选择最安全的应对方式。
            </p>
            <p>
              对于因我个人原因造成的一切人身伤害、财产损害以及发生的额外费用，我同意一切责任自行承担。上述个人原因包括但不限于规定的时间、路线、活动安排范围之外的个人行为，未遵守活动当地的法律法规等情形下个人存在过错的行为，中止参加活动期间、自由活动期间或活动开始前及终止（包括提前终止参加活动的情形）后的个人行为等。
            </p>

            <h3>参加者行为规范</h3>
            <p>1. 未经活动主办方事先授权，禁止使用本次活动的专用车辆，禁止在活动中使用活动主办方提供的宝马车辆之外的任何其他车辆，禁止利用活动主办方提供的宝马车辆非法运输。</p>
            <p>2.
              本次活动中提供的行动用品（包括但不限于电脑、iPad等电子用品）只能被允许用于本次活动或活动中所举行的项目，不能用于任何其他目的，包括但不限于私人用途。所有行动用品需在本次活动结束后及时、完整地交还给活动主办方或组织方。如出现损坏丢失，参加者将承担相应责任。
            </p>
            <p>3.
              试驾者在活动过程中应当严格执行车辆驾驶操作规程，未经培训师事先同意，不得擅自操作车内任何设施。在驾驶过程中，试驾者应当按培训师的指导进行试驾活动，按照培训讲师制定的路线和速度行驶。如试驾者违反上述事项违规操作，发生事故造成自身或第三方人身损害、财产损失以及培训车辆损坏或报废的（其中包括但不仅限于试驾车辆、道路、场地设施等），试驾者应当承担全部赔偿责任，活动主办方和组织方对此不承担任何责任。
            </p>
            <p>4. 除前述规定之外，活动期间，因试驾者存在下列事项致使驾驶过程中造成自身或第三方人身、财产损失的，活动主办方和组织方不承担任何责任：</p>
            <p>
              (a) 试驾者未取得驾驶证或驾驶与驾驶证载明的准驾车型不符的机动车的；<br>
              (b) 驾驶证超过有效期或驾驶证被依法扣留的；<br>
              (c) 未按规定审验驾驶证或依法应当进行体检而未按期体检或体检不合格的；<br>
              (d) 饮酒后或使用国家管制的精神药品或麻醉药品后驾车的；<br>
              (e) 试驾者违反车辆驾驶操作规程，故意造成人身损害、财产损失的。
            </p>
            <p>5.
              试乘者须在培训师的指导下正确操控车内设施，不得在车辆行进过程中作出危险动作、扰乱驾驶人员。未经活动主办方允许，试乘者私自驾驶车辆，发生事故造成自身或第三方人身损害、财产损失以及培训车辆损坏或报废的，试乘者应当承担全部赔偿责任，活动主办方和组织方对此不承担任何责任。
            </p>
            <p>6. 活动期间，如因参加者的过错或不当行为直接或间接给主办方、组织方造成损失，相关参加者同意承担全部赔偿责任。</p>
            <p>7.
              活动期间，患有心脏病、高血压、心脑血管疾病、神经系统疾病、哮喘等不利于从事刺激运动的疾病或属怀孕期的妇女，严禁参加此次活动。试驾者及试乘者均需保证自己无上述病症，若试驾者或试乘者隐瞒病情参加本次活动，所引起的一切突发情况及人身伤亡、财产损失，由试驾者或试乘者自行承担，活动主办方和组织方不承担任何责任。
            </p>
            <p>8. 活动期间，因不可抗力发生人身损害、财产损失的，活动主办方和组织方不承担任何责任。</p>
            <p>9. 活动期间，任何参加者不得穿着显示宝马公司竞争者标识或图片、或者显示政治言论等的服装。</p>

            <h3>安全提示</h3>
            <p>1. 作为本次活动的参加者，我已完成活动主办方及组织方对活动安全规范的培训，并将严格遵守车辆驾驶操作规定。</p>
            <p>2. 我将主动配合活动主办方、组织方及其各自的工作人员，听从其安排，遵守活动秩序，严格服从上述人员指挥，遵守本地交通法规，严格遵守场内、场外道路交通安全规则，保障道路交通安全，安全完成本次活动。</p>
            <p>3. 我已知悉所有参加者白天禁止饮酒，任何时间均禁止酒后驾驶。</p>
            <p>4. 我理解本次活动要求我具有与本次活动整个过程和所有挑战相适合的良好健康和精神状况。我声明我个人的健康和精神状况适合参加本次活动，并承诺为这一判断承担全部的责任。</p>

            <h3>通过签署本参加者声明书，我在此确认：</h3>
            <p>1. 我已阅读并完成本次活动申请的所有部分。</p>
            <p>2. 我已阅读、理解并同意本《[2024 BMW青少年高尔夫]参加者声明书》中的所有内容。</p>
            <p>3.
              我了解参加者行为规范为本声明书的组成部分，我有责任阅读、理解并遵守该行为规范，以及活动主办方或组织方在本次活动中不时做出的纪律方针、指示、描述、详细说明或规范和所有中国法律法规（“规则”）；我理解上述规则适用于我在本次活动中参加的所有活动、挑战以及活动项目中的行为，我接受并同意遵守规则。
            </p>
            <p>4. 我确认，在上述以黑体及下划线方式重点提示的段落中我所作出的权利放弃系出于自愿。</p>
            <p>5.
              我已经告知了我的近亲属和可能继受我财产和权利的人，我参加本次活动以及因本次活动可能引起的或与其有关的可能的风险，并且就我参加本次活动和签署本参加者声明书获得了他们的同意。我承诺自我签署本声明之时起，本声明之内容对于我的近亲属和可能继受我财产和权利的人同样有效。
            </p>
            <p>6. 作为试驾者，我已年满<span class="highlight">二十（20）</span>周岁，持有本人真实有效的中华人民共和国驾驶执照（签发日期在<span
                class="highlight">[2023年11月24日]</span>之前），并且具有至少一年的驾驶经验，能够适应中国各种各样的道路状况和处理各种突发事件。</p>
            <p>7. 我同意因本次活动有关事宜及有关文件的解释和执行发生的争议，各方应尽可能协商解决，若协商不成，争议将提交给活动主办方法定住所地的法院审理。</p>
            <p>8. 我声明我从未参加过职业高尔夫比赛。</p>
            <p>9.
              我理解参加本次活动完全以自愿为基础，我声明我是自愿申请参加本次活动。我在此进一步陈述和保证我所做的上述声明和在此提供的信息是真实的，无重大误导和遗漏。若我的上述任何一项声明与我提供的任何信息不真实、有误导性或存在遗漏，我接受活动主办方及/或组织方对我采取相关处罚措施，包括但不限于取消参加全部或部分活动的资格、由我自付返程费用及办理返程手续、赔偿活动主办方已付费用等。
            </p>
            <p>10. 我理解并同意在没有获得本次活动主办方事先书面同意情况下，我不能，在任何时候，直接或间接地，向任何媒体成员或与任何媒体有关的人员披露本次活动的任何内容，或与其进行讨论。</p>

            <h3>个人信息使用授权声明</h3>
            <p>
              宝马(中国)汽车贸易有限公司 &amp; 华晨宝马汽车有限公司（“我们”）非常重视客户个人信息的保护。我们将出于为参加2024
              BMW青少年高尔夫试乘试驾人员办理保险、车主身份核查等事项的目的，收集和使用您的姓名、电话、身份证号码。我们将在实现所述目的所必需的期间内处理您的个人信息，并使用符合业界标准的安全防护措施保护您的个人信息。您可以通过宝马中国官方网站或宝马授权经销商随时查阅《宝马个人信息保护政策》。您参与活动、接受我们或宝马授权经销商的服务并向我们提供前述个人信息即视为您已阅读并接受《宝马个人信息保护政策》。我们将按照相关法律法规及该政策合法使用和保护您的个人信息，您可根据《宝马个人信息保护政策》中第五章的内容行使您的个人信息权利。
            </p>

            <p><strong>本参加者声明书自签署之日起生效且不可撤销。</strong></p>
           
             <!-- 指定的段落和“点击复制”文本放在同一行 -->
  <p>
    <strong>我已充分理解并接受上述内容。（请完整抄写这句话）</strong>
    <span id="copyText" style="text-decoration: underline; cursor: pointer; color: blue; margin-left: 10px;">点击复制</span>
  </p>

  <!-- 空白区域，点击“点击复制”后显示文字 -->
  <p id="copyArea" style="min-height: 50px; border: 1px solid #ccc; padding: 10px;"></p>


            <p><strong>签&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</strong></p>

            <!-- 身份证号码 -->
            <p><strong>身&nbsp;份&nbsp;证&nbsp;号：</strong><span id="idCardNumber"></span></p>
            <!-- 联系电话（手机） -->
            <p><strong>联系电话（手机）：</strong><span id="contactPhone"></span></p>
            <!-- 邮件地址 -->
            <p><strong>邮&nbsp;&nbsp;件&nbsp;&nbsp;地&nbsp;&nbsp;址：</strong><span id="emailAddress"></span></p>
            <!-- 日期 -->
            <p><strong>日&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;期：</strong><span
                id="currentDate"></span></p>

          </div>
          <button onclick="confirmDisclaimer()">确认</button>
        </div>
      </div>

      <!-- 遮罩层 -->
      <div id="overlay" style="
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
"></div>

      <!-- 弹窗内容 -->
      <div id="signaturePopup" style="
display: none;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 90%;
max-width: 500px;
background: white;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
border-radius: 10px;
padding: 20px;
z-index: 1000;
">
        <h3 style="text-align: center; margin-bottom: 20px; color: #1067ac;">电子签名</h3>
        <canvas id="signatureCanvas" style="
border: 1px solid #ccc;
width: 100%;
height: 200px;
border-radius: 5px;
"></canvas>
        <div style="margin-top: 20px; text-align: center;">
          <button onclick="clearCanvas()" style="
    background-color: #f44336;
    color: white;
    font-size: 16px;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    margin-right: 10px;
    cursor: pointer;
">
            清空
          </button>
          <button onclick="submitSignature()" style="
    background-color: #4CAF50;
    color: white;
    font-size: 16px;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
">
            提交
          </button>
        </div>
      </div>

      <!-- 遮罩层 -->
      <div id="overlay" style="
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
"></div>
    </div>



  </div>

  <img src="images/up.png" class="up" id="go_top" onclick="gotottop();">
  <?php if ($biaoji) { ?>

  <?php } else { ?>
    <div class="bottommenu">
      <div onclick="goback()">返回</div>
      <div onclick="gotomain()">首页</div>
    </div>
  <?php } ?>
  <div id="bottom" style="background-color:#fff;text-align:centre;display:none;justify-content: center;">
    <div id="bootom-top">
      <span style="width:100%;text-align:center">技术支持 @斯科云科技</span>
      <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
      <script>
        LA.init({
          id: "JfdLQyPJr7gH7CeO",
          ck: "JfdLQyPJr7gH7CeO"
        })
      </script>
    </div>
  </div>
</body>
<script>

window.onload = function() {
  // ... 之前用于填充数据的代码 ...

  // 绑定点击事件到“点击复制”文本
  document.getElementById('copyText').addEventListener('click', copyAgreementText);
   // 获取用户数据并填充
   const participantData = {
      name: '<?php echo $name; ?>',
      phone: '<?php echo $tele; ?>',
      driverLicense: '<?php echo $driver_license; ?>',
      idCard: '<?php echo $card_no; ?>',
      email: '<?php echo $email; ?>',
      category: '<?php echo $category; ?>',
      date: formatDate(new Date())
    };

    function formatDate(date) {
      const year = date.getFullYear();
      const month = date.getMonth() + 1;
      const day = date.getDate();
      return `${year} 年 ${month} 月 ${day} 日`;
    }
    document.getElementById('currentDate').innerText = participantData.date;

};
  // 显示免责声明弹窗
  function showPolicyPopup() {
    const policyPopup = document.getElementById('policyPopup');
    const policyOverlay = document.getElementById('policyOverlay');
    policyPopup.classList.add('active');
    policyOverlay.classList.add('active');
  }
  // 关闭免责声明弹窗
  function closeDisclaimerPopup() {
    const policyPopup = document.getElementById('policyPopup');
    const policyOverlay = document.getElementById('policyOverlay');
    policyPopup.classList.remove('active');
    policyOverlay.classList.remove('active');
  }

  // 复制文本内容的函数
  function copyText(elementId) {
    // 获取目标元素内容
    const text = document.getElementById(elementId).innerText;
    
    // 创建一个临时输入框
    const tempInput = document.createElement("textarea");
    tempInput.value = text;
    document.body.appendChild(tempInput);
    
    // 选中文本并复制
    tempInput.select();
    document.execCommand("copy");
    
    // 删除临时输入框
    document.body.removeChild(tempInput);

    // 提示复制成功
    alert("已复制: " + text);
  }

  // 确认免责声明
  function confirmDisclaimer() {
    closeDisclaimerPopup();
    showSignaturePopup();

  }
  // 点击遮罩层关闭弹窗
  document.getElementById('overlay').onclick = closeDisclaimerPopup;

  // 显示弹窗
  function showSignaturePopup() {
    document.getElementById('signaturePopup').style.display = 'block';
    document.getElementById('overlay').style.display = 'block';
    initCanvas();
  }

  // 初始化画布
  function initCanvas() {
    canvas = document.getElementById('signatureCanvas');
    ctx = canvas.getContext('2d');

    // 确保画布尺寸正确
    canvas.width = canvas.offsetWidth;
    canvas.height = canvas.offsetHeight;

    // 清空画布
    ctx.clearRect(0, 0, canvas.width, canvas.height);

    // 添加事件监听器
    canvas.addEventListener('mousedown', startDrawing);
    canvas.addEventListener('mousemove', draw);
    canvas.addEventListener('mouseup', stopDrawing);
    canvas.addEventListener('mouseout', stopDrawing);

    // 兼容移动设备
    canvas.addEventListener('touchstart', startDrawing, {
      passive: false
    });
    canvas.addEventListener('touchmove', draw, {
      passive: false
    });
    canvas.addEventListener('touchend', stopDrawing, {
      passive: false
    });
  }

  // 开始绘制
  function startDrawing(e) {
    e.preventDefault(); // 阻止默认行为（特别是触摸事件）
    isDrawing = true;

    const {
      offsetX,
      offsetY
    } = getEventPosition(e);
    ctx.beginPath();
    ctx.moveTo(offsetX, offsetY);
  }

  // 绘制中
  function draw(e) {
    if (!isDrawing) return;

    const {
      offsetX,
      offsetY
    } = getEventPosition(e);
    ctx.lineTo(offsetX, offsetY);
    ctx.strokeStyle = '#000';
    ctx.lineWidth = 2;
    ctx.stroke();
  }

  // 停止绘制
  function stopDrawing(e) {
    if (!isDrawing) return;
    isDrawing = false;
    ctx.closePath();
  }

  // 获取事件位置（兼容鼠标和触摸事件）
  function getEventPosition(e) {
    if (e.touches && e.touches[0]) {
      const rect = canvas.getBoundingClientRect();
      return {
        offsetX: e.touches[0].clientX - rect.left,
        offsetY: e.touches[0].clientY - rect.top
      };
    }
    return {
      offsetX: e.offsetX,
      offsetY: e.offsetY
    };
  }

  // 清空画布
  function clearCanvas() {
    ctx.clearRect(0, 0, canvas.width, canvas.height);
  }

  // 提交签名
  function submitSignature() {
    const signatureData = canvas.toDataURL('image/png');
    console.log('Signature Data:', signatureData); // 用于上传到服务器
    $.ajax({
      type: 'post',
      url: "uploadsign.php",
      data: {
        image: signatureData,
        user_id: '<?php echo $user_id; ?>',
        type: '<?php echo $member_type; ?>'
      },
      dataType: "json",
      success: function (req) {
        //请求成功时处理
        if (req.code == 1) {
          alert('签名提交成功！');
          closePopup();
        } else {
          alert(req.msg);
        }
      },
    });


  }
  function copyAgreementText() {
  // 要复制的文本内容
  const agreementText = '我已充分理解并接受上述内容。';

  // 将文本插入到空白区域
  document.getElementById('copyArea').innerText = agreementText;

  // 可选：禁用点击，防止重复操作
  // const copyTextElement = document.getElementById('copyText');
  // copyTextElement.style.pointerEvents = 'none';
  // copyTextElement.style.color = 'gray';
  // copyTextElement.style.textDecoration = 'none';
}
  // 关闭弹窗
  function closePopup() {
    document.getElementById('signaturePopup').style.display = 'none';
    document.getElementById('overlay').style.display = 'none';
  }

  // 点击遮罩层关闭弹窗
  document.getElementById('overlay').onclick = closePopup;

  //proloading();

  var pretime = "";

  function proloading() {

    $('#code0').focus();

    let storage = new Storage();
    let value = storage.getItem('ischeked');
    if (value == 1) {
      //console.log("页面直接进入");

      $('#fullloading').hide();
      //$(this).fadeOut("fullloading");
      //console.log($('#fullloading'));
    } else {

      //$('#fullloading').fadeIn();
      let storage = new Storage();
      storage.setItem({
        name: "ischeked",
        value: 1,
        expires: 1 * 24 * 3600 * 1000, //一周 默认
        startTime: new Date().getTime() //记录何时将值存入缓存，毫秒级
      })
      pretime = setTimeout(function () {
        $('#fullloading').fadeOut(2000);

      }, 2000);

    }
  }


  function closefullpre() {
    //console.log($('#fullloading'));
    $('#fullloading').fadeOut(1000);

    clearTimeout(pretime);
  }


  $(document).ready(function () {
    // 当单选按钮的选中状态发生变化时触发
    $('input[type="radio"][name="time"]').change(function () {
      // 检查是否选中
      if ($(this).is(':checked')) {
        console.log('Radio button is selected. Value: ' + $(this).val());
        var time = $(this).val();
        $.ajax({
          type: 'post',
          url: "getlimitnum.php",
          data: {
            time: time,
            type: '<?php echo $member_type; ?>'
          },
          dataType: "json",
          success: function (req) {
            //请求成功时处理
            var i5_arr = req.I5;
            var text = "i5(已约" + i5_arr.used + "人/限" + i5_arr.total + "人)";
            $('option[value="I5"]').text(text);
            var i7_arr = req.I7;
            var text = "i7(已约" + i7_arr.used + "人/限" + i7_arr.total + "人)";
            $('option[value="I7"]').text(text);
            var ix_arr = req.IX;
            var text = "iX(已约" + ix_arr.used + "人/限" + ix_arr.total + "人)";
            $('option[value="IX"]').text(text);

          },
        });

      }
    });
  });

  $('input[name="cardtype"]').blur(function () {
    $('input[name="jiazhao"]').val($('input[name="cardtype"]').val());
  });

  function submitForm() {
    // 弹窗 #
    showPolicyPopup();

    return;
    var value = $('input[name="time"]:checked').val();
    if (value) {
      var name = $('input[name="name"]').val();
      var age = $('input[name="age"]').val();
      var cardtype = $('input[name="cardtype"]').val();
      var email = $('input[name="email"]').val();
      var phoneno = $('input[name="phoneno"]').val();
      var selecttype = $('select[name="selecttype"]').val();
      var testtype = $('select[name="testtype"]').val();
      var sex = $('select[name="sex"]').val();
      if (name == "") {
        alert('请填写名字');
        return;
      }
      if (phoneno == "") {
        alert('请填写手机号');
        return;
      }
      if (!isPhoneNumber(phoneno)) {
        alert('请填写正确的手机号');
        return;
      }
      if (age == "" || age <= 0) {
        alert('请填写年龄');
        return;
      }
      if (cardtype == "") {
        alert('请填写身份证号');
        return;
      }
      if (email == "") {
        alert('请填写邮箱');
        return;
      }
      if (sex == "" || sex == null) {
        alert('请填写性别');
        return;
      }
      if (selecttype == "" || selecttype == null) {
        alert('请填写试乘试驾');
        return;
      }
      if (testtype == "" || testtype == null) {
        alert('请填写意向车型');
        return;
      }

      document.getElementById('myForm').submit();
    } else {
      alert('请选择要报名的场次');
    }

    // 
  }

  function isPhoneNumber(phoneNumber) {
    // var regex = /^[1][3-9]\d{9}$/;
    // return regex.test(phoneNumber);
      return /^\d+$/.test(phoneNumber);  // 正则表达式匹配纯数字
  }
</script>

</html>